    .steps{display: flex;align-items: center;justify-content: space-between;
        .item{display: flex;align-items: center;margin-right: 36px;
            .decorate_circle{margin-right: 20px;
                .default{position: relative;width: 42px;height: 42px;background: #ebebeb; border-radius: 50%;
                    .solid{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;
                     width: 32px;height: 32px;z-index: 99;;background: rgba(0,0,0,0.26);border-radius: 50%;}
                    .number{position: absolute;z-index: 100;font-size: 26px;color: #FFFFFF;font-weight: 400;
                        top: 50%;left: 50%;transform: translate(-50%, -50%);
                    }
                }
                .current{position: relative;width: 42px;height: 42px;background: #c2e8d3; border-radius: 50%;
                    .solid{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;
                     width: 32px;height: 32px;z-index: 99;;background: #31B16C;border-radius: 50%;}
                     .number{position: absolute;z-index: 100;font-size: 26px;color: #FFFFFF;font-weight: 400;
                        top: 50%;left: 50%;transform: translate(-50%, -50%);
                    }
                }
            }
        }
        .item:nth-last-of-type(1){margin-right: 0;}
}